body{
    width: 100%;
	max-width:72em;
	display: inline-block;
}
.banner{
    width: 100%;
    height:200px;
    background: url(../../../images/banner_new.png) no-repeat;
    background-size: 100% 200px;
}
.old-user{
    width:96%;
    height:auto;
    margin-top: 35px;
    margin-left:2%;
    border-top: 1px solid #3961b2;
    position: relative;
}
.old-user>div,
.new-user>div,
.rule>div{
    width:180px;
    height: 50px;
    background: #fff;
    position: absolute;
    top:-25px;
    left: 50%;
    margin-left: -90px;
    font-size:25px;
    color: #3961b2;
    text-align: center;
    line-height: 50px;
}
.new-user>div{
    color:#faa605;
}
.old-user dl,
.new-user dl{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.old-user dl:nth-child(2),
.new-user dl:nth-child(2){
    margin-top:30px;
}
.old-user dl dt,
.new-user dl dt{
    font-size:18px;
    color: #3961b2;
}
.new-user dl dt{
    color: #faa605;
}
.old-user dl dt span,
.new-user dl dt span{
    display: inline-block;
    width:10px;
    height:10px;
    border: 1px solid #999;
    margin-left: 8px;
    margin-right: 8px;

}
.old-user dl dd,
.new-user dl dd{
    font-size:18px;
    color: #000;
    padding-top:10px;
    margin-left:3px;
    line-height:25px;
    color: #595959;
}
.old-user  table{
    width: 100%;
    height: 220px;
    border: 1px solid #a7afde;
    margin-top:30px;
}
.old-user  table tr{
    width: 100%;
    line-height:40px;
    border-bottom: 1px solid #a7afde;
}

.old-user  table tr th,
.old-user  table tr td{
    width: 50%;
    text-align: center;
    font-size: 20px;
    color:#3961b2;
    height: 40px;
}
.old-user  table tr:first-child{
    width: 100%;
    background: #3961b2;
}
.old-user  table tr:first-child th{
    color: #fff;
}

.old-user  table tr th,
.old-user  table tr td{
  border-right: 1px solid #a7afde;
}

.new-user{
 width:96%;
 height:auto;
 margin-top: 60px;
 margin-left:2%;
 border-top: 1px solid #faa605;
 position: relative;
}

.rule{
    width:96%;
    height:auto;
    margin-top:80px;
    margin-left:2%;
    border-top: 1px solid #faa605;
    position: relative;
}
.rule>div{
 width: 220px; 
 height:70px;
 position: absolute;
 top:-50px;
 left: 50%;
 margin-left: -110px;
 color: #faa605;
}
.rule>ul{
    margin-top:80px;
}
.rule>ul li{
    font-size:18px;
    line-height: 45px;
    color: #595959;
}
.rule>ul li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #faa605;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    color: #fff;
    float: left;
    font-size: 10px;
    margin-right:8px;
}
footer{
    width: 100%;
    height: 20px;
}

@media screen and (min-width:720px){
	body{font-size:20px;-webkit-text-size-adjust: none;}
	input{font-size:20px;}
}

@media screen and (min-width:640px) and (max-width:719px){
	body{font-size:16px;-webkit-text-size-adjust: none;}
	input{font-size:16px;}
}

@media screen and (min-width:480px) and (max-width:639px){
	body{font-size:14px;-webkit-text-size-adjust: none;}
	input{font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:479px){
	body{font-size:12px;-webkit-text-size-adjust: none;}
	input{font-size:12px;}
}
@media screen and (max-width: 319){
	body{font-size:10px;-webkit-text-size-adjust: none;}
	input{font-size: 10px;}
}

 
    
  



   
  
